<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap blog template</title>
	<link rel="stylesheet" href="asset/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="asset/css/style.css" type="text/css">
	<script src="asset/js/jquery-1.8.3.min.js"></script>
	<!--[if IE 6]> 
	<script src="asset/js/iepng.js" type="text/javascript"></script> 
	<script type="text/javascript">
   		EvPNG.fix('div, ul, img, li, input,a,span');  
	</script>
	<![endif]-->
	<script src="asset/jquery/jquery.min.js"></script>
</head>
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}

.ban{ width:1150px; height:500px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:1150px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1150px; height:500px;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
</style>

<body>
	<div class="container" >
		<div class="row">
			<div class="col-md-9">
				<h1 style="margin: 20px 0px 0px 0px; font-family: Special;color: #000000">BERRYFPOLIO</h1>
				<h4 style="font-family: time;color: #f8bb9c">上传你的课程作业，加快树莓生长！</h4>
			</div>
			<a id="log_a" href="login.html" style="display: none;">login</a>
			<a id="reg_a" href="register.html" style="display: none;">register</a>
			<div class="col-md-2">
				<div class="imgbutton logbutton" style="margin: 15px 0px 0px 90px;" onclick="log_a.click()"></div>
			</div>
			<div class="col-md-1">
				<div class="imgbutton signbutton" style="margin: 15px 0px 0px 0px;" onclick="reg_a.click()"></div>
			</div>
		</div>
	</div>

<div class="ban" id="demo1">
	<div class="ban2" id="ban_pic1">
		<div class="prev1" id="prev1"><img src="asset/slide/index_tab_l.png" width="28" height="51"  alt=""></div>
		<div class="next1" id="next1"><img src="asset/slide/index_tab_r.png" width="28" height="51"  alt=""></div>
		<ul>
			<li><a href="javascript:;"><img src="asset/slide/b1.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b2.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b3.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b4.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b5.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b1.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b2.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b3.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b4.jpg" width="1150" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="asset/slide/b5.jpg" width="1150" height="500" alt=""></a></li>
		</ul>
	</div>
</div>
	<br>
	<br>
	<footer>
		<div class="row">
			<div class="text-center"><p><small>&copy; Copyright DAM</small></p></div>
		</div>
	</footer>

	<script src="asset/bootstrap/js/bootstrap.min.js"></script>
 	<script src="asset/js/pic_tab.js"></script>
<script type="text/javascript">
jq('#demo1').banqh({
	box:"#demo1",//总框架
	pic:"#ban_pic1",//大图框架
	pnum:"#ban_num1",//小图框架
	prev_btn:"#prev_btn1",//小图左箭头
	next_btn:"#next_btn1",//小图右箭头
	pop_prev:"#prev2",//弹出框左箭头
	pop_next:"#next2",//弹出框右箭头
	prev:"#prev1",//大图左箭头
	next:"#next1",//大图右箭头
	pop_div:"#demo2",//弹出框框架
	pop_pic:"#ban_pic2",//弹出框图片框架
	pop_xx:".pop_up_xx",//关闭弹出框按钮
	mhc:".mhc",//朦灰层
	autoplay:true,//是否自动播放
	interTime:5000,//图片自动切换间隔
	delayTime:400,//切换一张图片时间
	pop_delayTime:400,//弹出框切换一张图片时间
	order:0,//当前显示的图片（从0开始）
	picdire:true,//大图滚动方向（true为水平方向滚动）
	mindire:true,//小图滚动方向（true为水平方向滚动）
	min_picnum:5,//小图显示数量
	pop_up:true//大图是否有弹出框
})
</script>
</body>
</html>
